<template>
  <div>
    <input type="text" v-model="val" />
    <wanggezujian :gridColumns="gridColumns" :gridData="gridData" :val="val" />
  </div>
</template>

<script>
import wanggezujian from "./wanggezujian";
export default {
  components: {
    wanggezujian,
  },
  data() {
    return {
      val: "",
      gridColumns: [
        { name: "name", isAsc: false },
        { name: "power", isAsc: false },
        { name: "aaa", isAsc: false },
      ],
      gridData: [
        { name: "Chuck Norris", power: Infinity, aaa: "aaa" },
        { name: "Bruce Lee", power: 9000, aaa: "bbb" },
        { name: "Jackie Chan", power: 7000, aaa: "ccc" },
        { name: "Jet Li", power: 8000, aaa: "ddd" },
      ],
    };
  },
};
</script>

<style scoped></style>
